<template lang="pug">
  footer.foot
    div.QR
    p.QR-text 百度
    div.foot-nav
      div.nav-top
        a(href="https://www.baidu.com/cache/sethelp/help.html") 把百度设为主页
        a(href="https://www.baidu.com/cache/sethelp/help.html")  关于百度
        a(href="https://www.baidu.com/cache/sethelp/help.html") About BaiDu
        a(href="https://www.baidu.com/cache/sethelp/help.html") 百度推广
      div.nav-bottom
        span ©2018 BaiDu
        a(href="https://www.baidu.com/cache/sethelp/help.html") 使用百度前必读
        a(href="http://jianyi.baidu.com/") 使用百度前必读
        span 京ICP证030173号
        span.nav-icon
        a(href="http://jianyi.baidu.com/") 京公网安备11000002000001号
        span.nav-icon.nav-icon2
</template>

<script>
export default {
  name: 'foot'
}
</script>

<style scoped lang="stylus">
.foot
  position absolute;
  bottom 20px
  width 100%
  .QR
    background url("../../../../static/img/home/QR-code.png") no-repeat
    width:60px
    height 60px
    display inline-block
  .QR-text
    font-size 9px
    font-weight 700
  .foot-nav
    font-size 12px
    margin-top 10px
    .nav-top
      a
        margin-left 20px
        color #999
    .nav-bottom
      color #999
      a
        color #999
        margin-left 10px
      a:nth-child(3)
        margin 10px
      .nav-icon
        background url("../../../../static/img/home/nav-icons.png") no-repeat
        background-position -600px -96px
        width: 14px;
        height: 17px;
        display: inline-block;
        position relative
        top 3px
        left:2px
      .nav-icon2
        background-position: -623px -96px;
</style>
